﻿@model System.Collections.Generic.List<BTL.OnlineTestingSocial.Domain.TestingEngine.Category>
@{
    ViewBag.Title = "Index";
    ViewBag.Css = "Account.css";
    ViewBag.Js = "Account.js";
}

<div class="bgSignUp">
	<div class="bgSignUp_inner">
	   <div class="bgTitle">
		   <div class="title">
				<div style="width:100%">ĐĂNG KÝ </div>
				<i style="font-size:13px;float:left;margin-top:-3px;margin-left:-5px;margin-top:3px;font-weight:700">
					<img src="Images/TitleSignUp_v2.jpg" style="font-size:13px;float:left;margin-top:-3px;font-weight:700" alt="hoàn toàn miễn phí"/>
				</i>
		   </div>
		   <div class="topLine"></div>
		</div>
		<div class="bgfrmLog" >
			<div class="fields">
				<div class="label">Họ và tên: </div>
				<span class="border"><input type="text" /></span>
			</div>

			<div class="fields">
				<div class="label">Email của bạn: </div>
				<span class="border"><input type="text" /></span>
			</div>

			<div class="fields">
				<div class="label">Mật khẩu: </div>
				<span class="border"><input type="password" /></span>
			</div>                                
			<div class="fields" >
				<div class="label"></div>
				<span class="bgbutton"><input class="but_border" type="submit" value="ĐĂNG KÝ" /></span> 
				<span class="bgbutton bgbutton_cancel"><input class="butcancel_border" type="submit" value="HỦY BỎ" /></span>
                
			</div>
		</div>
    
		<div class="bgfrmLog bgfrmLog_width_01">
			<div class="fields" >
				<table width="100%" cellpadding="0" cellspacing="0">
					<tr>
						<div id="dropDay" class="bgDropDown bgDropDown_day">
							<div>1</div>
							<div>2</div>
							<div>3</div>
							<div>4</div>
							<div>5</div>
							<div>6</div>
							<div>7</div>
							<div>8</div>
						</div>
						<div id="dropMonth" class="bgDropDown bgDropDown_month">
							<div>1</div>
							<div>2</div>
							<div>3</div>
						</div>
						<div id="dropYear" class="bgDropDown bgDropDown_year">
							<div>1970</div>
							<div>1971</div>
							<div>1972</div>
						</div>
                        
						<div id="dropGender" class="bgDropDown bgDropDown_gender">
							<div>Nam</div>
							<div>Nữ</div>
						</div>
                    
						<td>
							<div class="label_01" >Ngày sinh: </div>
							<span class="border border_01" style="margin-left:0px"><input id="txtDay" type="text" value="Ngày" /><img class="imgDropDown" onclick="viewDropContent('dropDay')"/></span>
							<span class="border border_01"><input type="text" id="txtMonth" value="Tháng" /><img class="imgDropDown" onclick="viewDropContent('dropMonth')"/></span>
							<span class="border border_01"><input type="text" id="txtYear" value="Năm" /><img class="imgDropDown" onclick="viewDropContent('dropYear')"/></span>
                            
							<div class="label_01">Giới tính: </div>
							<span class="border border_01"><input type="text" id="txtGender" value="nam"/> <img class="imgDropDown" onclick="viewDropContent('dropGender')"/></span>
						</td>
					</tr>
				</table> 
			</div>
			<div class="fields">
				<div class="label_01">Nhập lại Email: </div>
				<span class="border" style="width:44%"><input type="text"  /></span>
			</div>
            
		</div>
    
	</div>
</div>
<div class="bgImageSignUpPage"></div>

<script>
    var is_viewDay = false;
    var is_viewMonth = false;
    var is_viewYear = false;
    var is_viewGender = false;
    
    SethideDropContent('dropDay', 'txtDay');
    SethideDropContent('dropMonth', 'txtMonth');
    SethideDropContent('dropYear', 'txtYear');
    SethideDropContent('dropGender', 'txtGender');
</script>
@*<table>
    <tr>
        <td>Id</td>
        <td>Name</td>
    </tr>
    @foreach(var cat in Model)
    {
        <tr>
            <td>@cat.Id</td>
            <td>@cat.Name</td>
        </tr>
    }
</table>*@
